<template>
    <div style="min-height: 200px">

        <el-row>
            <el-col :span="14" :offset="5" style="margin-top: 30px">
                <el-popover
                    style="border-radius: 20px!important;"
                    placement="top"
                    trigger="hover"
                >
                    <template #reference>
                        <a style="color: #2c3e50" ><i
                        class="fa fa-wechat fa-2x"></i></a>
                    </template>
                    <img style="width: 150px;height: 150px"  src="../../assets/img/wechat.jpg">
                </el-popover>

                <a style="color: #2c3e50" target="_blank" href="https://gitee.com/tangming991"><i
                    class="fa fa-git-square fa-2x link-icon"></i></a>
                <a style="color: #2c3e50" target="_blank" href="https://github.com/tangming991"><i
                    class="fa fa-github fa-2x link-icon"></i></a>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="14" :offset="5">
                <a style="color: #2c3e50">声明：如有侵犯您的权益，请联系我们tangming991@163.com</a>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="14" :offset="5">
                <a style="color: #2c3e50"> Copyright © 2021 CodeBlog Space.</a>
            </el-col>
        </el-row>
        <el-row>
            <el-col :span="14" :offset="5">
                备案/许可证编号:<a target="_blank" style="color: #2c3e50" href="https://beian.miit.gov.cn">粤ICP备2021093961号</a>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "DefaultFooter"
}
</script>

<style scoped>
i {
    cursor: pointer;
}

.link-icon {
    margin-left: 40px;
}

</style>
